// components/Incoming_packaging/Incoming_packaging.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    popup_show1: false,
    popup_show2: false,
    mainActiveIndex1: 0,
    activeId1: null,
    items1: [
      {
        // 导航名称
        text: '所有城市',
        // 禁用选项
        disabled: false,

        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: '温州',
            // id，作为匹配选中状态的标识
            id: 1,
            // 禁用选项
            disabled: false,
          },
          {
            text: '杭州',
            id: 2,
          },
        ],
      },
      {
        // 导航名称
        text: '城市',
        // 禁用选项
        disabled: false,
        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: '州',
            // id，作为匹配选中状态的标识
            id: 11,
            // 禁用选项
            disabled: false,
          },
          {
            text: '杭',
            id: 22,
          },
        ],
      },

    ],
    mainActiveIndex2: 0,
    activeId2: null,
    items2: [
      {
        // 导航名称
        text: '所有城市',

        // 禁用选项
        disabled: false,
        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: '111',
            // id，作为匹配选中状态的标识
            id: 1,
            // 禁用选项
            disabled: false,
          },
          {
            text: '222',
            id: 2,
          },
        ],
      },
      {
        // 导航名称
        text: '城市',
        // 禁用选项
        disabled: false,
        // 该导航下所有的可选项
        children: [
          {
            // 名称
            text: 'aaa',
            // id，作为匹配选中状态的标识
            id: 1,
            // 禁用选项
            disabled: false,
          },
          {
            text: 'bbb',
            id: 2,
          },
        ],
      },

    ],
    show1: false,
    show2: false,
    show3: false,
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 容器名称选择
    onClickNav({ detail = {} }) {
      this.setData({
        mainActiveIndex1: detail.index || 0,
      });
    },

    onClickItem({ detail = {} }) {
      const activeId = this.data.activeId1 === detail.id ? null : detail.id;

      console.log(activeId);
      this.setData({
        activeId1: activeId
      });


    },
    // 点击容器名称选取输入框
    onClick1(event) {
      // event.detail 为当前输入的值
      // console.log(event.detail);
      this.setData({
        popup_show1: true
      })
    },
    // 选择容器名称选取输入框关闭
    onClose1() {
      this.setData({ popup_show1: false });
    },
    // 点击辅材名称选取输入框
    onClick2(event) {
      // event.detail 为当前输入的值
      // console.log(event.detail);
      this.setData({
        popup_show2: true
      })
    },
    // 选择辅材名称选取输入框关闭
    onClose2() {
      this.setData({ popup_show2: false });
    },
    // 辅材名称选择
    onClickNav2({ detail = {} }) {
      this.setData({
        mainActiveIndex2: detail.index || 0,
      });
    },

    onClickItem2({ detail = {} }) {
      const activeId = this.data.activeId2 === detail.id ? null : detail.id;
      console.log(activeId);
      this.setData({
        activeId2: activeId
      });
    },

    // 显示示例按钮
    showExample1() {
      this.setData({ show1: true });
    },
    // 显示示例按钮
    showExample2() {
      this.setData({ show2: true });
    },

    // 显示示例按钮
    showExample3() {
      this.setData({ show3: true });
    },

  }
})
